<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>我的</title>
        <meta name="description" content="Love resume." />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <link rel="shortcut icon" href="img/title.png"/>
        <link rel="stylesheet" href="bootstrap-3.3.7-dist/css/bootstrap.css">
        <style type="text/css">
        body{
			background-image: url(../img/background.jpg);
			background-position: center center;
			background-repeat: no-repeat;
			background-attachment: fixed;
			background-size: cover;
			color:#fff;
			position: relative;
		}
        </style>
    </head>
    <body>
        <!--hero section-->
        <section class="bg-alt hero p-0" style="padding-left: 60px;">
            <div class="container-fluid">
                <div class="row">
                    
                    <div class="col-md-7 ml-auto px-0 py-2">
                        <!--what I do-->
                        <section class="bg-white" id="services">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-sm-8 mx-auto text-center">
                                        <h2 class="text-primary">关于我</h2>
                                        <hr/>
                                        <p></p>
                                    </div>
                                </div>
                                <div class="row d-md-flex mt-4">
                                    <div class="col-sm-4 mt-2">
                                        <div class="card text-white bg-pink border-none">
                                            <div class="card-body">
                                                <p class="card-title">毕业院校：湖北三峡职业技术学院</p>
                                                <p class="card-text">生&emsp;&emsp;日：1998.9.25 </p>
                                                <p class="card-text">性&emsp;&emsp;别：男</p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 mt-2">
                                        <div class="card text-white bg-blue border-none">
                                            <div class="card-body">
                                                <p class="card-title">民&emsp;&emsp;族：汉族</p>
                                                <p class="card-text">专&emsp;&emsp;业：计算机软件 </p>
                                                <p class="card-text">邮&emsp;&emsp;箱：zhangz1225@qq.com </p>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 mt-2">
                                        <div class="card text-white bg-green border-none">
                                            <div class="card-body">
                                               <p class="card-title">爱&emsp;&emsp;好：游泳，乒乓球</p>
                                                <p class="card-text">住&emsp;&emsp;址：湖北钟祥 </p>
                                                <p class="card-text">电&emsp;&emsp;话：*******</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>
                        <section class="bg-alt" id="portfolio">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-sm-8 mx-auto text-center">
                                        <h2 class="text-primary">校内荣誉</h2>
                                        <hr/>
                                        
                                    </div>
                                </div>
                                	<p>2018/11&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;国家励志奖学金</p>
                                	<p>2018/05&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;校内软件设计二等奖</p>
                                	<p>2017/11&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;&emsp;计算机等级一级</p>
                               
                            </div>
                        </section>
                        <!--Skills & Abilities.-->
                        <section class="bg-alt" id="skills">
                            <div class="container-fluid">
                                <div class="row">
                                    <div class="col-sm-8 mx-auto text-center">
                                        <h2 class="text-primary">技能语言</h2>
                                        <hr/>
                                       
                                    </div>
                                </div>
                                <div class="row mt-4">
                                    <div class="col-lg-12 mt-2">
                                    <h6>java</h6>
                                        <div class="progress mb-3">
                                            <div class="progress-bar bg-orange" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100">95%</div>
                                        </div>
                                        <h6>mysql</h6>
                                        <div class="progress mb-3">
                                            <div class="progress-bar bg-red" role="progressbar" style="width: 95%" aria-valuenow="95" aria-valuemin="0" aria-valuemax="100">95%</div>
                                        </div>
                                        <h6>HTML5</h6>
                                        <div class="progress mb-3">
                                            <div class="progress-bar bg-pink" role="progressbar" style="width: 85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">90%</div>
                                        </div>
                                        <h6>CSS</h6>
                                        <div class="progress mb-3">
                                            <div class="progress-bar bg-purple" role="progressbar" style="width: 99%" aria-valuenow="99" aria-valuemin="0" aria-valuemax="100">99%</div>
                                        </div>
                                        
                                        <h6>JavaScript</h6>
                                        <div class="progress mb-3">
                                            <div class="progress-bar bg-blue" role="progressbar" style="width: 85%" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100">85%</div>
                                        </div>
                                        
                                        <h6>jquery</h6>
                                        <div class="progress mb-3">
                                            <div class="progress-bar bg-green" role="progressbar" style="width: 90%" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100">90%</div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </section>


                        <!--footer-->
                        <section class="bg-white" id="connect">
                            <div class="container">
                                <div class="row">
                                    <div class="col-sm-8 mx-auto text-center">
                                        <hr/>
                                        <p>
                                        </p>
                                        <p class="mt-2">
                                            <a href="#" target="_blank"><em class="ion-social-twitter text-twitter-alt icon-sm mr-3"></em></a>
                                            <a href="#" target="_blank"><em class="ion-social-github text-github-alt icon-sm mr-3"></em></a>
                                            <a href="#" target="_blank"><em class="ion-social-linkedin text-linkedin-alt icon-sm mr-3"></em></a>
                                        </p>
                                        <p class="pt-2 text-muted">
                                            &copy;三峡职院-张政版权所有 
                                        </p>
                                    </div>
                                </div>
                            </div>
                        </section>
                    </div>
                </div>
            </div>
        </section>

    </body>
</html>
